// *{
//   border: solid;
// }

body{
  background: #f1f1f1;
  ul{
    list-style: none;
    display: flex;
    justify-content: start;
    padding: 0;
    li{
      width: 7rem;
      height: 7rem*.4;
      margin: .2rem;

      display: flex;
      justify-content: center;
      align-items: center;

      border-radius: .4em;
      border: none;
      background: linear-gradient(#3498db,#2980b9);

      box-shadow: 0px .1rem .4rem rgba(0,0,0,.18);
      a{
        text-decoration: none;
        text-align: center;
        color: white;
        font-size: 1.5em;
        border: none;
      }
    }
  }
  // div{
  //   width: 6rem;
  //   height: 6rem;
  //   background-image: linear-gradient(0reg, red, blue);
  //   // border: .5em solid;
  //   border-radius: 50%;
  //   // border-image: -webkit-linear-gradient(red, blue) 30 30;
  //   // border-image: -moz-linear-gradient(red, blue) 30 30;
  //   // background-image: linear-gradient(red, blue) 30 30;

  //   display: flex;
  //   justify-content: center;
  //   align-items: center;

  //   position: absolute;
  //   top: 0;
  // }    
}


